<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%-- 
    JSP Name : global_menu04_02.jsp
    Description : 설명을 기술합니다.
    author smJeon
    since 2012. 5. 10.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 5. 10.     smJeon     최초 생성
--%>
<%@ include file="/WEB-INF/jsp/com/include/declare.jspf" %>
<%@ include file="/WEB-INF/jsp/com/include/doctype.jspf" %>
<script type="text/javascript" src="/kr/common/js/ajaxupload2.js"></script> 
<script type="text/javascript" src="/kr/common/js/ajaxupload.js"></script>

<script>
document.domain="hyundai.com" ;
    function selectChanged(lgrpCdTemp, sgrpCdValue){
        
        $.post(
                "<c:url value='/qa/qa/addSelectOption.do'/>",
                {
                   "lgrpCd" : lgrpCdTemp
                },function(data) {
                    var result = [];
                    var items = $(data).find("item");
                 
                    items.each(function(index, element) {
                        var object={}
                        var sgrpCd = $(this).find("value").eq(0).text();
                        var sgrpNm = $(this).find("value").eq(1).text();
                       
                        object["sgrpCd"] = sgrpCd;
                        object["sgrpNm"] = sgrpNm; 
                        result[index] = object;    
                    });
                    $('#sgrpCdTemp').find("option").remove();
                    //items가 없으면 소분류명으로 나온다
                     if(result.length!=0){
                            $('#sgrpCdTemp').append('<option value="">소분류명</option>');
                        for(var i=0;i<result.length;i++){
                            $('#sgrpCdTemp').append('<option value="'+result[i]["sgrpCd"]+'">'+result[i]["sgrpNm"]+'</option>');
                            }
                    } else{
                        $('#sgrpCdTemp').append('<option value="">소분류명</option>');
                    }
                    //릴로드 될 때 검색되었다면 선택된 소분류를 지정해 준다.
                    if(sgrpCdValue != ""){
                        $('select[id=sgrpCdTemp] option[value=' + sgrpCdValue + ']').attr('selected', true);
                    }
                }); 
        
        var carnumTmpDiv =document.getElementById("carnumTmpDiv");
        var contnumTmpDiv = document.getElementById("contnumTmpDiv");
        var carNoTmpDiv  = document.getElementById("carNoTmpDiv");
        //차량정비시 차대번호
        carnumTmpDiv.style.display="none";
        contnumTmpDiv.style.display="none"; 
        carNoTmpDiv.style.display="none"; 
        //차량정비
        if(lgrpCdTemp == "CARREP") {

            carnumTmpDiv.style.display="block";
            carNoTmpDiv.style.display="block";
        }
        // 차량구매시 계약번호
        if(lgrpCdTemp == "CARBUY") { 

           // carnumTmpDiv.style.display="block";
            contnumTmpDiv.style.display="block";
            carNoTmpDiv.style.display="block";
            
        }
        // 정비예약
        if(lgrpCdTemp == "REPRES") { 

            carnumTmpDiv.style.display="block";

            
        }
        
        
        
    }
    
    
    
    
    function goQna(lgrpCd){
        var form = document.serchForm;
        $('#lgrpCd').val(lgrpCd);
        form.action = "<c:url value='/qa/qa/insertQaDetail.do'/>";
        form.submit();
    }  
    
   var ajaxUpload; //파일 업로드 전역변수
   
   function adRequest(){
       var lgrpCdValue = $('#lgrpCdTemp option:selected').val();
       var sgrpCdValue = $('#sgrpCdTemp option:selected').val();
       var mbrSnValue = ${userInfo.mbrSn};  //세션에서 회원 번호 가져오기
       var nameValue = $('#nameTmp').val();
       var emlValue = $('#emailTmp').val();
       var vinValue = $('#carnumTmp').val();
       var titlValue = $('#titlTmp').val();
       var sbcValue = $('#contTmp').val();
       var attcFilValue = $('#attcFil').val();
       var attcFilPathValue = $('#attcFilPath').val();
       var filSnValue = $('#filSn').val();
       var cnttNoValue = $('#cnttNo').val();
       var carNoValue = $('#carNo').val();
       
       if(lgrpCdValue==''){
           alert('대분류명은 필수 항목 입니다');
           $('#lgrpCdTemp').focus();
           return;
       }
       
       if(sgrpCdValue==''){
           alert('소분류명은 필수 항목 입니다');
           $('#sgrpCdTemp').focus();
           return;
       }
       
       if(nameValue==''){
           alert('성명은 필수 항목 입니다');
           $('#nameTmp').focus();
           return;
       }
       
       if(emlValue==''){
           alert('이메일은 필수 항목 입니다');
           $('#emailTmp').focus();
           return;
       }
       
      
       for (i = 0 ; i < vinValue.length ; i++) {
           sko = vinValue.charAt(i);
           if ((sko < '0' || sko > '9')&&(sko < 'a' || sko > 'z')&&(sko < 'A' || sko > 'Z')) {
           alert("차대번호는 숫자와 영문만 입력 가능합니다.");
           return;
           }
       }
       
       if(titlValue==''){
           alert('타이틀은 필수 항목 입니다');
           $('#titlTmp').focus();
           return;
       }
       
      if(sbcValue==''){
          alert('상담내용은 필수 항목 입니다');
          $('#contTmp').focus();
          return;
      }
      if(sbcValue.length > 2000){
          alert('2000자 이상 입력 하실 수 없습니다');
          $('#contTmp').focus();
          return;
      }
       var attcFilValue = $('#attcFil').val();
        if(attcFilValue==''){
            insertQa();
       }else{
           ajaxUpload.submit();
       }
   }
   
   function insertQa(){
       var lgrpCdValue = $('#lgrpCdTemp option:selected').val();
       var sgrpCdValue = $('#sgrpCdTemp option:selected').val();
       var mbrSnValue = ${userInfo.mbrSn};  //세션에서 회원 번호 가져오기
       var nameValue = $('#nameTmp').val();
       var emlValue = $('#emailTmp').val();
       var vinValue = $('#carnumTmp').val();
       var titlValue = $('#titlTmp').val();
       var sbcValue = $('#contTmp').val();
       var attcFilValue = $('#attcFil').val();
       var attcFilPathValue = $('#attcFilPath').val();
       var filSnValue = $('#filSn').val();
       var cnttNoValue = $('#cnttNo').val();
       var carNoValue = $('#carNo').val();
       
       if(lgrpCdValue==''){
           alert('대분류명은 필수 항목 입니다');
           $('#lgrpCdTemp').focus();
           return;
       }
       
       if(sgrpCdValue==''){
           alert('소분류명은 필수 항목 입니다');
           $('#sgrpCdTemp').focus();
           return;
       }
       
       if(nameValue==''){
           alert('성명은 필수 항목 입니다');
           $('#nameTmp').focus();
           return;
       }
       
       if(emlValue==''){
           alert('이메일은 필수 항목 입니다');
           $('#emailTmp').focus();
           return;
       }
       
      
       for (i = 0 ; i < vinValue.length ; i++) {
           sko = vinValue.charAt(i);
           if ((sko < '0' || sko > '9')&&(sko < 'a' || sko > 'z')&&(sko < 'A' || sko > 'Z')) {
           alert("차대번호는 숫자와 영문만 입력 가능합니다.");
           return;
           }
       }
       
       if(titlValue==''){
           alert('타이틀은 필수 항목 입니다');
           $('#titlTmp').focus();
           return;
       }
       
      if(sbcValue==''){
          alert('상담내용은 필수 항목 입니다');
          $('#contTmp').focus();
          return;
      }
      if(sbcValue.length > 2000){
          alert('2000자 이상 입력 하실 수 없습니다');
          $('#contTmp').focus();
          return;
      }
      var param={
          'lgrpCd' : lgrpCdValue,
          'sgrpCd' : sgrpCdValue,
          'titl' : titlValue,
          'sbc' : sbcValue,
          'mbrSn' : mbrSnValue,
          'eml' : emlValue,
          'ccpc' : '', // 연락처 가져와야 함
          'vin' : vinValue,
          'adr' : '' ,//회원 주소 가져와야 함
          'cnttNo': cnttNoValue,
          'carNo' : carNoValue
         // 'attcFilPath' : attcFilPathValue,
         // 'attcFilNm' : attcFilValue
      };
      if(filSnValue){
          param['filSn']=filSnValue;
          
      }
           $.post("<c:url value='/qa/qa/insertQa.do'/>",
                   param, 
                   function(data){
                       var result={};
                       var items = $(data).find("item");
                       items.each(function(index,element){
                          var name = $(this).find("name").text();
                          var value = $(this).find("value").text();
                          result[name] = value;
                       });
                       if(result["result"] =="OK"){
                           alert('상담요청이 완료되었습니다');
                           var frm = document.serchForm;
                           frm.action = "<c:url value='/qa/qa/selectQaPaging.do'/>";
                           frm.submit();
                           

                       }
                   }  
               );
       
   }
    $(document).ready(
            function() {
                if(!isLogin()){
                    return;
                } 
                var lgrpCdValue = "<c:out value="${qaSearchVO.lgrpCd}"/>";
                if(lgrpCdValue != ""){
                    $('select[id=lgrpCdTemp] option[value=' + lgrpCdValue + ']').attr('selected', true);
                    selectChanged(lgrpCdValue,'');
                }
                
            ajaxUpload = new AjaxUpload('uploadfile1', {
                 //   name: 'myfile',
                    //파일 업로드를 실행할 단추 ID
                   // uploadName : 'upload1',
                    //업로드 파일 이름
                    fileNameValue : 'attcFil',
                    //업로드  패스와 새로운 파일 이름
                    fileReturnValue : 'attcFilPath',
                    //업로드 성공시 return Type
                    //fileReturnType : 'path',
                    fileSelectFailMessage : '<spring:message code="script.errorMessage.fileSelect" />',
                    fileSuccessMessage : '<spring:message code="script.message.fileSuccess" />',
                  //  fileExt : '',
                    action: '/kr/file/upload.do',
                    responseType : 'json', 
                    data : {
                        //이미지 타입
                        'fileType' : 'qna',
                        //파일 업로드 하위 경로
                        'path' : 'QNA',
                        'useYn' : 'Y'
                        },
                    autoSubmit: false,
                    onChange: function(file, ext){
                        if (ext && /^(jpg|png|jpeg|gif|JPG|PNG|JPEG|GIF|doc|docx|txt|ppt|pptx|DOC|DOCX|TXT|PPT|PPTX)$/.test(ext)){
                            
                        } else { 
                            alert("업로드 파일이 아닙니다.");
                            return false;                 
                        }                  

                        
                        var fileNameValue = $('#'+this.fileNameValue);
                        fileNameValue.val(file);
                        return true;
                    },
                    onSubmit : function(file, ext){
                        
                        if(file == null || file == ""){
                            alert(this.fileSelectFailMessage);
                            return false;
                        }
                        this.disable();  
                        
                    },
                    onComplete: function(file, response){
                        this.enable();
                        
                        var fileReturnValue = $('#'+this.fileReturnValue);
                        var fullPath = '/QNA/' + response.nrFilNm;
                        fileReturnValue.val(fullPath);
                        document.getElementById("filSn").value = response.filSn;
            
                        insertQa();
                      
                    }
                });
            }
        );
</script>

</head>
<body>
<%@ include file="/WEB-INF/jsp/com/include/layerpopup.jspf" %>
<div id="wrap">
    <%@ include file="/WEB-INF/jsp/com/include/navi_utill_sub.jspf" %>
    <%@ include file="/WEB-INF/jsp/com/include/navi_header.jspf" %>
    <hr />

    <%@ include file="/WEB-INF/jsp/com/include/sub_header_global04.jspf" %>
    <hr />

    <div id="container">
        <div id="subtitle-area"><div class="subtitle-area-inner">
            <h4><img src="/kr/images/title/h4_global_menu04_02.gif" alt="Q&amp;A" /></h4>
            <%@ include file="/WEB-INF/jsp/com/include/location.jspf" %>
        </div></div>
        <div id="article">
            <form method="post" action="" name="serchForm" id="serchForm" onsubmit="return false">
                <input type="hidden" name="lgrpCd" id="lgrpCd" value="${qaSearchVO.lgrpCd}">
               
            </form>
            <div class="faq-best-stats">
                <div class="title-area">
                    <h5><img src="/kr/images/title/h5_global_menu04_01.gif" alt="자주묻는 질문 BEST" /></h5>
                    <p><img src="/kr/images/title/h5_global_menu04_01_desc.gif" alt="자주 문의하시는 질문에 대한 답변을 한 곳에 모았습니다. FAQ 분류를 통해 질문에 대한 답변을 즉시 확인하실 수 있습니다." /></p>
                    <a href="#"><img src="/kr/images/common/button/btn_my_qna.gif" alt="내 상담결과 확인하기" /></a>
                </div>
                <div class="best-stats">
                    <ol>
                        <c:forEach var="result" items="${resultBestList}" varStatus="status">
                           <li class="num0${status.count}"><a href="javascript:fnBestSerchForm('${result.faqSn }')"><b>[${result.lgrpNm}]</b>${result.titl}</a></li>
                        </c:forEach>
                    </ol>
                </div>
            </div>
            <div class="customer_inquiry_information subsection">
                <img src="/kr/images/global_menu/img_global_menu04_01.gif" alt="고객센터 080-600-6000" class="first" />
                <img src="/kr/images/global_menu/img_global_menu04_02.gif" alt="차량부품상담 1588-7278" />
                <img src="/kr/images/global_menu/img_global_menu04_03.gif" alt="차량구입상담 080-600-6000" />
                <img src="/kr/images/global_menu/img_global_menu04_04.gif" alt="카드상담 1577-6000" />
            </div>

            <div class="category-sort-select-wrap before-qna">
                <p><img src="/kr/images/global_menu/txt_global_menu04_01.gif" style="vertical-align:middle;" alt="" />&nbsp;(회원가입 및 로그인 후 이용하실 수 있습니다.)</p>
                <ul class="category-sort-select" align='center'>
                    <li><a href="javascript:goQna('CARBUY')"><img src="/kr/images/global_menu/img_global_menu04_05.gif" alt="차량구매" onclick="goQna('CARBUY')" /></a></li>
                    <li><a href="javascript:goQna('CARREP')"><img src="/kr/images/global_menu/img_global_menu04_06.gif" alt="차량정비" onclick="goQna('CARREP')" /></a></li>
                    <li><a href="javascript:goQna('REPRES')"><img src="/kr/images/global_menu/img_global_menu04_07.gif" alt="정비예약" onclick="goQna('REPRES')" /></a></li>
                    <li><a href="javascript:goQna('HOMEP')"><img src="/kr/images/global_menu/img_global_menu04_08.gif" alt="홈페이지" onclick="goQna('HOMEP')" /></a></li>
                    <li><a href="javascript:goQna('CTLGCL')"><img src="/kr/images/global_menu/img_global_menu04_13.gif" alt="카탈로그초기화" onclick="goQna('CTLGCL')" /></a></li>
                    <li><a href="javascript:goQna('COMPLIM')"><img src="/kr/images/global_menu/img_global_menu04_11.gif" alt="칭찬하기" onclick="goQna('COMPLIM')" /></a></li>
                </ul>
            </div>
            <!-- <a href="javascript:goQna('INVINFO')"><img src="/kr/images/global_menu/img_global_menu04_09.gif" alt="투자정보" /></a>
                    <a href="javascript:goQna('PERHIRE')"><img src="/kr/images/global_menu/img_global_menu04_10.gif" alt="인재채용" /></a> -->
            <div class="qna-regist-wrap subsection">
                <p><img src="/kr/images/global_menu/txt_global_menu04_02.gif" alt="문의사항에 빠르고 친절하게 답변해드리겠습니다." /></p>
                <div class="boardwrite-wrap">
                    <table summary="카테고리, 성명, 이메일, 차대번호, 제목, 상담내용, 파일첨부">
                    <caption>문의 상담 입력</caption>
                    <colgroup>
                        <col width="15%" />
                        <col />
                    </colgroup>
                    <tbody>
                    <tr>
                        <th scope="row"><img src="/kr/images/global_menu/txt_global_menu04_03.gif" alt="카테고리" /></th>
                        <td>
                            <select name="lgrpCdTemp" id="lgrpCdTemp" class=" select-type1" style="width:145px;" onchange="selectChanged(this.value)">
                                <option value="">전체</option>
                                <c:forEach var="lgrpItemList" items="${lgrpItemList}" varStatus="status">
                                    <option value="${lgrpItemList.lgrpCd}">${lgrpItemList.lgrpNm}</oprion>
                                </c:forEach>
                            </select> 
                            
                            <select name="sgrpCdTemp" id="sgrpCdTemp" class="select-type1" style="width:145px;">
                                <option value="">소분류명</option>
                            </select>
                           
                        </td>
                    </tr>
                    <tr>
                        <th scope="row"><img src="/kr/images/global_menu/txt_global_menu04_04.gif" alt="성명" /></th>
                        <td class="u-info-txt">${mbrInfoVO.mbrNm }
<!-- 이름 세션에서 가져오기 --><span class="point05"><input type="hidden" id="nameTmp" name="nameTmp" value="${mbrInfoVO.mbrNm }" class="txt" style="width:135px;" readonly></span>   
                        </td>
                    </tr>
                    <tr>
                        <th scope="row"><img src="/kr/images/global_menu/txt_global_menu04_05.gif" alt="이메일" /></th>
                        <td class="u-info-txt">${mbrInfoVO.mbrEml }
<!-- 이메일 세션에서 가져오기-->  <span class="point05"><input type="hidden" id="emailTmp" name="emailTmp" value="${mbrInfoVO.mbrEml }" class="txt" style="width:135px;"readonly></span> 
                            <em class="tip">* 가입시 등록한 이메일입니다. 상담결과는 해당 이메일에서 확인 할 수 있습니다.</em>
                        </td>
                    </tr>
                    <tr>
                    <span id="carnumTmpDiv" style="display:none">

                        <th scope="row"><img src="/kr/images/global_menu/txt_global_menu04_06.gif" alt="차대번호" /></th>
                        <td>
                            <input type="text" name="carnumTmp" id="carnumTmp" class="txt" style="width:135px;" maxlength="17"/>
                        </td>
                    </span>
                    </tr>
                    <tr>
                    <span id="contnumTmpDiv" style="display:none">

                        <th scope="row"><img src="/kr/images/global_menu/txt_global_menu04_10.gif" alt="계약번호" /></th>
                        <td>
                            <input type="text" name="cnttNo" id="cnttNo" class="txt" style="width:135px;" maxlength="15" />
                        </td>
                    </span>
                    </tr>
                    <tr>
                    <span id="carNoTmpDiv" style="display:none">

                        <th scope="row"><img src="/kr/images/global_menu/txt_global_menu04_11.gif" alt="차량번호" /></th>
                        <td>
                            <input type="text" name="carNo" id="carNo" class="txt" style="width:135px;" maxlength="15" />
                        </td>
                    </span>
                    </tr>
                    <tr>
                        <th scope="row"><img src="/kr/images/global_menu/txt_global_menu04_07.gif" alt="제목" /></th>
                        <td>
                            <input type="text" name="titlTmp" id="titlTmp" class="txt" style="width:745px;" />
                        </td>
                    </tr>
                    <tr>
                        <th scope="row"><img src="/kr/images/global_menu/txt_global_menu04_08.gif" alt="상담내용" /></th>
                        <td>
                            <textarea style="width:745px; height:190px;" name="contTmp" id="contTmp"></textarea>
                        </td>
                    </tr>
                    <tr>
                        <th scope="row"><img src="/kr/images/global_menu/txt_global_menu04_09.gif" alt="파일첨부" /></th>
                        <td>
                            <input type="text" class="txt" id="attcFil" style="width:240px;" /> 
                            <input type="hidden"  id="attcFilPath" />
                           <input type="hidden" name="filSn" id="filSn" value="">
                            <input type="image" src="/kr/images/common/button/btn_file_add.gif"  id="uploadfile1" alt=""  />
                            <em class="tip">* 이미지 및 doc(docx), ppt(pptx), txt 파일만 첨부 가능 합니다. <br />(첨부파일은 7MB를 초과할 수 없습니다.)</em> 
                        </td>
                    </tr>
                    </tbody>
                    </table>
                </div>
                <div class="btnwrap">
                    <input type="image" src="/kr/images/common/button/btn_qna_regist.gif" alt="" onclick="adRequest();"  />
                </div>
            </div>
        </div>
    </div>
    <hr />
    <%@ include file="/WEB-INF/jsp/com/include/footer.jspf" %>